<!doctype html>
<!--[if lt IE 7 ]><html class="ie6 no-js " lang="zh-CN"><![endif]-->
<!--[if IE 7 ]><html class="ie7 no-js " lang="zh-CN"><![endif]-->
<!--[if IE 8 ]><html class="ie8 no-js " lang="zh-CN"><![endif]-->
<!--[if IE 9 ]><html class="ie9 no-js " lang="zh-CN"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->
<head>
<title>陆军学院信息查询系统-档案</title>
<meta name="keywords" content="">
<meta name="description" content="">
@@include('../tpl.headarea.metatag.html')
@@include('../tpl.headarea.common.html')
@@include('../tpl.headarea.common.part1.html')
<link href="../../css/res/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="../../css/subpage.css" type="text/css" rel="stylesheet" />
</head>
<body>
	<div class="sp-sect archives-sect">
		<section class="sp-panel archives-panel">
			<div class="archives-hd J_archives_hd">
				<ul class="arhd-list">
					<li class="active">
						<a href="javascript:void(0)"><i class="nth1"></i>图片</a>
					</li>
					<li>
						<a href="javascript:void(0)"><i class="nth2"></i>视频</a>
					</li>
					<li class="last">
						<a href="javascript:void(0)"><i class="nth3"></i>档案</a>
					</li>
				</ul>
			</div>
			<div class="archives-bd">
			  <div class="archives-cont" >
					<div class="arc-picture J_arc_picture">
						<div class="flexslider swiper-container">
							<ul class="slides swiper-wrapper J_imgs_wraper">
								<!--<li class="swiper-slide" style="background-image:url(../../images/temp__/mechanial-pic.jpg);"><a href="javascript:void(0)"></a></li>-->
							</ul>
							<a class="swiper-button-next"></a>
              <a class="swiper-button-prev"></a>
						</div>
						<div class="pagination"></div>
					</div>
				</div>
			  <div class="archives-cont" style="display: none;">
					<div class="arc-video-box J_video_wraper">
						<!--<video src="http://www.w3school.com.cn/i/movie.ogg" class="J_video" controls width="100%" height="100%"></video>-->
					</div>
			  </div>
				<div class="archives-cont" style="display: none;">
					<div class="archives-art J_content">
						<!--<h4>M4A1卡宾枪</h4>
						<p>空枪	2.68公斤</p>
						<p>全长	v缩起枪托状态下757 毫米（22.7 寸），展开枪托状态下840 毫米（25.3 寸）</p>
						<p>枪管长度	368.3 毫米（11.06寸）</p>
						<p>弹药	5.56 x 45毫米口径：5.56毫米（0.223寸，北约各国通用，使用相同口径：Famas，AR-15、SG550、SG552、M249。）</p>
						<p>枪机种类	气动式，转拴式枪机</p>
						<p>发射速率	800–980发/分</p>
						<p>枪口初速	884 m/秒</p>
						<p>供弹方式	20 ,30,35发STANAG弹匣</p>
						<p>有效射程	400米</p>
						<p>设计	M4卡宾枪的设计可追溯至早期卡宾枪版本的M16及XM177，都是由尤金·斯通纳开发的。</p>
						<p>M4A1卡宾枪是由柯尔特公司（Colt）研制的步枪，是M4步枪的第一改版。该枪主要设计了一种新的平顶型机匣盖以安装模块化的瞄准系统。1994年8月，这种平顶型M4正式命名为“5.56mm口径M4A1卡宾枪”(Caliber 5.56mm, M4A1)。M4A1的主要改进是把原来的固定式提把改为可以安装不同瞄准装置的M1913导轨——即平顶型机匣，此外M4A1的射击方式是半自动和全自动。M4A1有值得夸耀的射程和杀伤力，射速高。</p>
						<p>
							柯尔特公司的工程师还把枪管缩短至14.5英寸(370mm)，枪管上增加了一个缩颈用以挂装M203榴弹发射器，采用伸缩枪托，射击方式为半自动和全自动，护木内采用了双层的铝制隔热屏。这种新型卡宾枪的柯尔特公司产品编号为Model 720，在1991年3月军方正式定型并命名为“美国5.56mm北大西洋公约组织口径M4卡宾枪。
						</p>-->
					</div>
					
				</div>
				
			</div>
		</section>
	</div>
	<script src="../../js/library/plugins/idangerous.swiper.js"></script>
	<script>
	  $(function(){
			  $(".J_archives_hd ul li").click(function(){
          $(this).addClass("active").siblings().removeClass("active");
          $(".archives-bd .archives-cont").eq($(this).index()).show().siblings().hide(); 
        })
			
			var urlStr = window.location;
commonUtils.loadDatas('/api/article/content',{id: commonUtils.getStringParam ('id',urlStr)},function(res){
		if(res.code == 1){
			var _imageListsStr = '',_videoStr = '',_contentStr='';
			
			for(var i=0; i< res.data[0].imglist.length;i++){
				_imageListsStr += '<li class="swiper-slide" style="background-image:url('+ ajaxHttpUrl + res.data[0].imglist[i] +');"><a href="javascript:void(0)"></a></li>';
				
			}
			_videoStr +=  '<video src="'+ajaxHttpUrl+ res.data[0].video +'" class="J_video" controls width="100%" height="100%"></video>';
			_contentStr += '<h4>'+res.data[0].title+'</h4>'+ res.data[0].content;
			$('.J_imgs_wraper').html(_imageListsStr);//渲染幻灯图片
			$('.J_video_wraper').html(_videoStr);//渲染视频
			$('.J_content').html(_contentStr);//渲染内容
			
			
			//banner切换
			var mySwiper = new Swiper('.J_arc_picture .swiper-container',{
				loop:true,
				grabCursor: false,
				autoplay : 3000, 	
			})
			$('body').on('click','.swiper-button-next',function(){
					mySwiper.swipePrev();
			})
			
			$('body').on('click','.swiper-button-prev',function(){
				mySwiper.swipeNext()
			});
		}
		
		
	});
			
			
			
		})
	</script>
</body>
</html>